<style>
    .container-fiuled {
        padding: 10px 10px 10px 10px;
    }

    .leftline {
        border-left: 1px solid #a1a1a1;
    }

    .csm-statis-block {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .csm-statis-block h3 {
        line-height: 40px;
        font-size: 24px;
    }

    .csm-statis-block p {
        font-size: 12px;
    }

    .norow {
        padding-left: 15px;
    }

    table, th, tr, td {
        text-align: center;
    }

    .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .csm-inlineselect {
        width: 200px;
        display: inline;
    }

    .csm-refresh {
        padding-left: 5px;
    }

    .csm-inlinedate {
        width: 100%;
        display: inline-table;
    }

    #chart2title {
        display: inline-block;
    }

    .chart2line {
        display: inline-block;
        font-size: 13px !important;
    }
</style>
<!--{$xp_currentnav_html}-->
<div class="container-fiuled">

    <div class="row">
		<span class='input-group date csm-inlinedate' id='datetimepicker1' style="width: 100%">
			<input type='text' class="timeInput form-control"
                   id="datetimepicker1_input"/> <span class="input-group-addon">
				<span class="glyphicon glyphicon-calendar"></span>
			</span>
		</span>
        <!--		<span style="display: inline"> ~ </span>-->
        <span class='input-group date csm-inlinedate' id='datetimepicker2' style="width: 100%">
			<input type='text' class="timeInput form-control"
                   id="datetimepicker2_input"/> <span class="input-group-addon">
				<span class="glyphicon glyphicon-calendar"></span>
			</span>
		</span>


        <span class='input-group date csm-inlinedate' id='province_id' style="width: 100%">
			  <select id="c-province_id" class="form-control selectpicker" name="province_id">
                {foreach name="province" item="vo"}
                    <option value="{$key}" {in name="key" value="province" }selected{/in}>{$vo}</option>
                  {/foreach}
            </select>
		</span>


        <span class='input-group date csm-inlinedate' id='company_id' style="width: 100%">
			  <select id="c-company_id " class="form-control selectpicker" name="province_id">
                {foreach name="company " item="vo"}
                    <option value="{$key}" {in name="key" value="company " }selected{/in}>{$vo}</option>
                  {/foreach}
            </select>
		</span>


        <span class='input-group date csm-inlinedate' id='datetimepicker2'>
			<input type='button' class="btn btn-default timeInput form-control" style="width: 50%;margin-left: 25%"
                   id="dateconfirm" value="提交"/>
		</span>
    </div>


    <div class="panel panel-default">
        <div class="page-header header norow">
            <h4>数据概况</h4>
        </div>
        <div class="row">
            <!--			<div class="col-md-2 col-sm-6 csm-statis-block">-->
            <!--				<h3>{$totalCount} 份</h3>-->
            <!--				<p>有效工单总数</p>-->
            <!--			</div>-->
            <!--			<div class="col-md-2 col-sm-6 csm-statis-block">-->
            <!--				<h3>{$totalCount} 份</h3>-->
            <!--				<p>今日新增工单</p>-->
            <!--			</div>-->
            <!--			<div class="col-md-2 col-sm-6 csm-statis-block">-->
            <!--				<h3>{$avgAnswerSecs} 秒</h3>-->
            <!--				<p>平均答题时长</p>-->
            <!--			</div>-->
            <!--			<div class="col-md-2 col-sm-6 csm-statis-block">-->
            <!--				<h3>{$totalUserCount} 人</h3>-->
            <!--				<p>总访问人数</p>-->
            <!--			</div>-->
            <!--			<div class="col-md-4 col-sm-6 csm-statis-block leftline">-->
            <!--				<h3>{$totalFinishPercent} %</h3>-->
            <!--				<p>总完成率</p>-->
            <!--			</div>-->

            <div class="col-md-4 col-sm-6 csm-statis-block leftline" style="border: none">
                <h3>更换率排名</h3>
                {volist name="result" id="vo"}
                    <tr>
                        <h5>{$vo.peijian} <span style="color: red">更换数量:{$vo.shuliang}</span></h5>
                    </tr>
                {/volist}
                <!--				<h3>1.20kW充电模块 19块</h3>-->
                <!--				<h3>2.15kW充电模块 12块</h3>-->
                <!--				<h3>3.液晶屏 9个</h3>-->
                <!--				<h3>4.直流枪线 6卷</h3>-->
                <!--				<h3>5.熔断器 3个</h3>-->

            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12 panel panel-default">
            <div class="page-header header">
                <h4>图形分析</h4>
            </div>

            <div id="chart1" style="width: 100%;height: 400px;"></div>
        </div>
    </div>
</div>
